/*-------------------------------------------------------------------------------------------------------------------------------*/
/*01 - Root Styles */
/*-------------------------------------------------------------------------------------------------------------------------------*/

:root {
    --main-primary-color: #1760ac;
    --main-accent-color: #ed2026;
    --main-text-dark: #121212;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*01 - Root Styles End */
/*-------------------------------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------------------------------------*/
/*02 - Header & Navigation */
/*-------------------------------------------------------------------------------------------------------------------------------*/

header .header-info .address a,
header .header-info .address::before,
header .header-info .phn,
header .header-info .phn::before,
header .header-info .phn a {
    color: var(--main-text-dark);
}

nav {
    background: var(--main-primary-color);
    background-color: var(--main-primary-color);
}

.nav > li > a:focus,
.nav > li > a:hover {
    background: var(--main-accent-color);
    background-color: var(--main-accent-color);
}

.nav > li > .dropdown-submenu {
    background: var(--main-accent-color);
    background-color: var(--main-accent-color);
}

.nav > li > .dropdown-submenu {
    padding: 10px 15px;
}

.nav > li > .dropdown-submenu > li > a:hover {
    background: var(--main-primary-color);
    background-color: var(--main-primary-color);
}

.nav > li > .dropdown-submenu > li:first-child > a {
    border-top: 1px solid #cec8ba;
}

.nav > li > .dropdown-submenu > li:last-of-type > a {
    border-bottom: 1px solid #cec8ba;
}

.nav > li > .dropdown-submenu > li > a {
    color: #fff;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*02 - Header & Navigation End */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*03 - Buttons */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.da-button {
    color: #fff;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    padding: 14px 20px;
    font-family: 'Montserrat', sans-serif;
    margin-top: 3px;
    margin-bottom: 3px;
    text-align: center;
    padding: 14px 10px;
    width: 185px;
    font-size: 17px;
    color: #fff;
}

.da-accent-btn {
    background-color: var(--main-accent-color);
}

.da-primary-btn {
    background-color: var(--main-primary-color);
}

.hvr-primary:before {
    background: var(--main-primary-color)!important;
}

.hvr-accent:before {
    background: var(--main-accent-color)!important;
}

.hvr-dark:before {
    background: var(--main-text-dark)!important;
}

.da-button-specific {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 25px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    color: white;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*03 - Buttons End */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*04 - Homepage  */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.service-column:hover {
    background: var(--main-primary-color);
    background-color: var(--main-primary-color);
}

.service-calitate {
    background: center / contain  no-repeat url(../images/icon-medal.png);
    /* <div>Icons made by <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div> */
}

.service-column:hover .service-calitate {
    background: center / contain  no-repeat url(../images/icon-medal-hover.png);
}

.service-garantie {
    background: center / contain  no-repeat url(../images/icon-waranty.png);
    /* <div>Icons made by <a href="https://www.flaticon.com/authors/eucalyp" title="Eucalyp">Eucalyp</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div> */
}

.service-column:hover .service-garantie {
    background: center / contain  no-repeat url(../images/icon-waranty-hover.png);
}

.service-diversitate {
    background: center / contain  no-repeat url(../images/icon-diversity.png);
    /* <div>Icons made by <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div> */
}

.service-column:hover .service-diversitate {
    background: center / contain  no-repeat url(../images/icon-diversity-hover.png);
}

.service-montaj {
    background: center / contain  no-repeat url(../images/icon-installation.png);
    /* <div>Icons made by <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div> */
}

.service-column:hover .service-montaj {
    background: center / contain  no-repeat url(../images/icon-installation-hover.png);
}

.service-livrare {
    background: center / contain  no-repeat url(../images/icon-delivery.png);
    /* <div>Icons made by <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div> */
}

.service-column:hover .service-livrare {
    background: center / contain  no-repeat url(../images/icon-delivery-hover.png);
}

.service-colaborare {
    background: center / contain  no-repeat url(../images/icon-collaboration.png);
    /* <div>Icons made by <a href="https://www.flaticon.com/authors/eucalyp" title="Eucalyp">Eucalyp</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></div> */
}

.service-column:hover .service-colaborare {
    background: center / contain  no-repeat url(../images/icon-collaboration-hover.png);
}

.recent-project-section {
    background: var(--main-primary-color);
    background-color: var(--main-primary-color);
    padding-top: 50px;
}

.recent-project-section > .nav-tabs {
    border:0px;
    text-align:center;
    background: var(--main-accent-color);
    background-color: var(--main-accent-color);
}

.recent-project-section > .nav-tabs {
    position: relative;
    padding-bottom: 5px;
}

.recent-project-section > .nav-tabs > #indicator {
    position: absolute;
    height: 10px;
    bottom: 0;
    background: var(--main-primary-color);
    transition: all 200ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.bestthing-section {
    overflow: hidden;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover {
    background: var(--main-accent-color);
    background-color: var(--main-accent-color);
    color: #fff;
    border: 0;
}

.tour-layer {
    background: rgba(23, 96, 172, .5);
}

.overlay-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(13, 55, 104, 0.9)
}

.rulare-pe-tambur-img {
    background-image: url('../images/rulare-pe-tambur.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 30%;
    height: 100%;
}

.folii-caseta-ghidaje {
    background-image: url('../images/caseta-si-ghidaje.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 30%;
    background-position-x: 50%;
    height: 100%; 
}


.folii-cu-capse {
    background-image: url('../images/cu-capse.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 30%;
    height: 100%; 
}

.contact-help {
    background-image: url('../images/slide/folii-transparente-slider-1.jpg')
}

.contact-help h4 {
    margin-left: 33px;
    position: relative;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/*04 - Homepage End */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*05 - Footer */
/*-------------------------------------------------------------------------------------------------------------------------------*/

footer .solution-available {
    background: var(--main-primary-color);
    background-color: var(--main-primary-color);
}

footer .solution-available > .container {
    position: relative;
}

footer .solution-available > .container > a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

ul.footer-link li a:hover{
    color: #fff!important;
}

footer .footer-overlay {
    background-image: url('../images/cu-capse.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}

footer {
    position: relative;
}

footer .ftr-section {
	background: rgba(8, 34, 63, 0.9);
    background-color: rgba(8, 34, 63, 0.9);
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - Footer End */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - Pagini Prezentare */
/*-------------------------------------------------------------------------------------------------------------------------------*/

ul.category-list li:first-of-type {
    border-top: 1px solid #cacaca;
}

ul.category-list li a:hover {
    color: white;
    background: var(--main-primary-color);
    background-color: var(--main-primary-color);
}

ul.category-list li a.active-category {
    background: var(--main-accent-color);
    background-color: var(--main-accent-color);
}

.pagina-folii-capse > img {
    object-fit: cover;
    object-position: 50% 5%;
}

.pagina-folii-caseta > img {
    object-fit: cover;
    object-position: 50% 0%;
}

.pagina-folii-tambur > img {
    object-fit: cover;
    object-position: 50% 55%;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - Pagini Prezentare End */
/*-------------------------------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - Contact */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.pagina-contact .header-overlay {
    background: rgba(8, 34, 63, 0.6);
    background-color: rgba(8, 34, 63, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pagina-contact > img {
    object-fit: cover;
    object-position: 50% 25%;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - Contact End */
/*-------------------------------------------------------------------------------------------------------------------------------*/